<template>
  <div class="footer">
      <div id="content" class="container">
          <div class="logo">
              <div>
                  <h3>DFSY</h3>
              </div>
              <p>电话：023-88888888</p>
              <p>邮箱：1111111@qq.com</p>
              <p>地址：东方树叶</p>
          </div>
          <div class="list">
              <ul>
                  <li>首页</li>
                  <li>关于我们</li>
                  <li>数据攻略</li>
                  <li>数据处理小贴士</li>
                  <li>定制</li>
                  <li>规划</li>
                  <li>新闻资讯</li>
                  <li>联系我们</li>
              </ul>
          </div>
          <div class="erqwm">
              <img src="../assets/Logo2.png" alt="">
          </div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang='scss' scoped>

#content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    .logo{
        text-align: left;
    }
    .list{
        width: 50%;
        ul{
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            li{
                font-size: 16px;
                list-style: none;
                width: 25%;
                cursor: pointer;
            }
        }
    }
    .erqwm{
        width: 300px;
        img{
            width: 280px;
            height: 70px;
        }
    }
}
</style>